<%@ page session="true" import="ca.ansir.analytics.reports.JAnalytics"%>
<%@ taglib uri="janalytics" prefix="janalytics"%>
<%@ page contentType="text/html" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD 
XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Language" content="English"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="robots" content="index, follow"/>
        <link rel="stylesheet" type="text/css" media="print" href="print.css"/>
        <!-- calendar stylesheet -->
        <link rel="stylesheet" type="text/css" media="screen" href="css/calendar-system.css" title="calendar-system" />
        <!-- main calendar program -->
        <script type="text/javascript" src="js/calendar.js"></script>
        <!-- language for the calendar -->
        <script type="text/javascript" src="js/calendar-en.js"></script>
        <!-- the following script defines the Calendar.setup helper function, which makes
        adding a calendar a matter of 1 or 2 lines of code. -->
        <script type="text/javascript" src="js/calendar-setup.js"></script>
        <title>Example 2 - Live JAnalytics Demo Using Your Account</title>
    </head>
    <body>
        <div id="container">        
            <h1>
                Example 2 - Live JAnalytics Demo Using Your Account
            </h1>
            
            <form method="post" action="report.xml">
                <table border="0">
                    <tr>
                        <td>Report:</td>
                        <td colspan="3"><janalytics:reportTypeSelect xhtml="true"/></td>
                    </tr>
                    <tr>
                        <td>Limit:</td>
                        <td colspan="3"><input type="text" name="<%= JAnalytics.LIMIT_ATTRIBUTE_NAME %>"/></td>
                    </tr>
                    <tr>
                        <td>Account:</td>
                        <td colspan="3"><input type="text" name="<%= JAnalytics.EMAIL_ATTRIBUTE_NAME %>"/>*</td>
                    </tr>
                    <tr>
                        <td>Password:</td>
                        <td colspan="3"><input type="password" name="<%= JAnalytics.PASSWORD_ATTRIBUTE_NAME %>"/>*</td>
                    </tr>
                    <tr>
                        <td>Start Date:</td>            
                        <td>
                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td>
                                        <input type="text" name="<%= JAnalytics.START_DATE_ATTRIBUTE_NAME %>" id="startdate"/>
                                    </td>
                                    <td><img src="images/calendar.gif" id="startdateimage" style="border: none;" alt="Calendar Popup"/></td>
                                    <td>&nbsp;dd/mm/yyyy *</td>
                                </tr>
                            </table>                            
                        </td>
                    </tr>
                    <tr>
                        <td>End Date:</td>            
                        <td>
                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td>
                                        <input type="text" name="<%= JAnalytics.END_DATE_ATTRIBUTE_NAME %>" id="enddate"/>
                                    </td>
                                    <td><img src="images/calendar.gif" id="enddateimage" style="border: none;" alt="Calendar Popup"/></td>
                                    <td>&nbsp;dd/mm/yyyy *</td>
                                </tr>
                            </table>                            
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td colspan="3"><input type="submit"/></td>
                    </tr>    

                </table>
            </form>
           
            <script type="text/javascript">
                Calendar.setup({
                inputField     :    "startdate",
                button         :    "startdateimage"
                });
            </script>
            <script type="text/javascript">
                Calendar.setup({
                inputField     :    "enddate",
                button         :    "enddateimage"
                });
            </script>
            
            <p>
                * required field              
            </p>
            
            <p>
                Your privacy is important to us. We will not log your account 
                name or password.                
            </p>
            
            <p>
                <a href="index.jsp">Examples Index</a>
            </p>
            
        </div> 
    </body>
</html>